/*header*/
html {padding:0;margin:0;}
body{line-height: 160%; font-family: "Microsoft YaHei","微软雅黑"}
ul {list-style: none;padding:0;margin:0;}
ul li{ list-style-type: none;}
* {transition: all 0.3s ease 0s;}

a {text-decoration: none; color: #555;}
a:focus, a:hover{ color: #333;}


/*头部样式*/

.topabg {
    background: -webkit-linear-gradient(to right, #4896f8, #3ce283); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to right, #4896f8, #3ce283); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to right, #4896f8, #3ce283); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #4896f8 ,#3ce283);  line-height: 30px; height: 30px;  color: #fff;}
.topabg a{ color: #fff;}
.topabg p {float: left;color: #858585;font-size: 12px;line-height: 30px;margin:0;}

@-webkit-keyframes scrollText2 {
    0%{
        -webkit-transform: translateX(0px);
    }
    33%{
        -webkit-transform: translateX(504px);
    }
    66%{
        -webkit-transform: translateX(-1008px);
    }
    100%{
        -webkit-transform: translateX(-1512px);
    }

}
@keyframes scrollText2 {
    0%{
        transform: translateX(0px);
    }
    33%{
        transform: translateX(-504px);
    }
    66%{
        transform: translateX(-1008px);
    }
    100%{
        transform: translateX(-1512px);
    }

}


.topnav{ position: fixed; top: 0px; height: 100px; z-index: 11;}

.box4{  position: absolute;    left: 20px;  width: 500px;  height: 30px;  overflow: hidden; }
.border4{   position: absolute;  top: 0px;  left: 0px;  width: 1500px;  -webkit-animation:scrollText2 12s infinite  cubic-bezier(1,0,0.5,0);
    animation:scrollText2 12s infinite  cubic-bezier(1,0,0.5,0) ;  }
.border4 a{  height: 30px;  width:500px;  overflow: hidden;  display: inline-block; }
.border4:hover{  animation-play-state:paused;  -webkit-animation-play-state:paused;  }

.top-icon{display: inline-block;  width: 100%; text-align: right;}
.top-icon .fa{ margin-right: 10px; float: right; padding: 0px 10px; line-height: 30px; }
.top-icon .fa:hover, .top-icon .active{ background: #4896f8;}
.weix-t{display: inline-block;    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased; float: right;}
/*鼠标悬停图标显示二维码效果*/
.weixin_nr{width:140px; height:160px; padding:10px; background:#fff; text-align:center; position:absolute; left:-60px; box-shadow: 5px 5px 15px #ccc; top:44px; color: #555; display:none;z-index: 9999}
.weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:55px; top:-10px;}

.navbar {border:0;margin:0;min-height: 0;border-radius: 0; }
.web-logo{ padding: 20px;}
.container {padding:0;}
.navbar-default{ background-color: rgba(254,254,254,.8); margin-top:0px; padding: 0;}
.dropdown-menu>li>a {text-align: center;line-height: 30px;}
.navbar-nav ul li a {	padding:0  ;margin:0 ;}
.navbar-nav {	float: none;display: inline-block; border: 0px; margin: 0px; margin-top: 30px; padding: 0px;height: 50px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color:transparent;
    border-bottom:0px solid #c3272b;  color: #c3272b;
}
/*logo样式*/
.navbar-brand {	height: 100%;padding:0;}
/*导航a标签样式*/
.nav>li {	padding:6px 14px;margin-bottom: -5px;}
.nav>li:focus, .nav>li:hover {     border-bottom:2px solid #c3272b;  color: #c3272b; }
.navbar-default .navbar-nav>li>a { font-weight: bold; color: #4d4c4c;padding:6px 10px; font-size: 16px;color: #333 ;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background: -webkit-linear-gradient(to right, #4896f8, #3ce283); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to right, #4896f8, #3ce283); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to right, #4896f8, #3ce283); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #4896f8 ,#3ce283)!important; color: #fff!important;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background: -webkit-linear-gradient(to right, #4896f8, #3ce283); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to right, #4896f8, #3ce283); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to right, #4896f8, #3ce283); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #4896f8 ,#3ce283)!important; color: #fff!important;}

.navbar-nav li {

    margin:0 auto;
    text-align: center;
}
.dropdown-menu{background: #fff; border: 0px;}

.dropdown-menu>li>a{ display: inline-block;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a{color:#444; padding:10px 10px; width: 100%; }
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{
    background: -webkit-linear-gradient(to right, #4896f8, #3ce283); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to right, #4896f8, #3ce283); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to right, #4896f8, #3ce283); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #4896f8 ,#3ce283)!important; color: #fff!important;}
#bs-example-navbar-collapse-1 {
    padding:0;
}
.carousel-control span {
    font-size: 24px;
    font-family: 宋体;
    font-weight: bold;
    position: absolute;
    top: 50%;
}
.sh-banner{ display: inline-block;  width: 100vh; overflow: hidden; background: #f5f5f5;}
.carousel-control.right,.carousel-control.left{ background-image: none;}

.sh-page{ width: 100%; padding: 50px 0;}
.sh-tit{ display: inline-block; position: relative;  padding: 8px 0; margin-left: 16px;}
.sh-tit .cn{ font-size: 24px; font-weight: bold; display: inline-block;  }
.sh-tit .en{ font-size: 14px; color: #999;}
.sh-tit .xian{ position: absolute; height: 1px; width: 20px; top: 20PX; left: -30px; background: #008cff; display: inline-block;}


.about-img{display: inline-block; margin-top: 40px;}
.about-body{ display: inline-block;  width: 100%; padding: 40px; background: #fff; background: rgba(254,254,254,.8)}
.about-body .about-tit{ font-size: 18px; font-weight: bold; display: inline-block; width: 100%; border-bottom: 1px solid #f5f5f5;}
.about-body .about-con{ margin-top: 20px; line-height: 30px;}

.ab-more{display: inline-block; float: right; margin-top: 200px; }
.ab-more a{ display: inline-block; background: #008cff; padding: 20px; color: #fff; font-size: 36px; font-weight: bold;}
.ab-more:hover a{ background: #3ce283; padding: 30px;}

.sh-page-b{ width: 100%; padding: 50px 0;
    background: -webkit-linear-gradient(450deg, #4896f8, #3ce283); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(450deg, #4896f8, #3ce283); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(450deg, #4896f8, #3ce283); /* Firefox 3.6 - 15 */
    background: linear-gradient(450deg, #4896f8 ,#3ce283);
}
.sh-tit-b .cn,.sh-tit-b .en{ color: #fff;}
.sh-tit-b .xian{background: #fff;}

.pic-sy-ul{ display: inline-block; width: 100%; text-align: center;}
.pic-sy-ul li{ display: inline-block; padding: 0;  line-height: 0px; cursor: pointer; float: left; margin: 5px;}
.jq-div{ width: 100%; border: 6px solid #fff; overflow: hidden; display: inline-block;}
.jq-div >img{ width: 100%; height: 100%;}
.jq-body{ width: 100%; height: 100%; line-height: 180%; position: relative; margin-top: 0px; background: rgba(0,0,0,0.2);}
.pic-sy-ul li:hover .jq-body{ margin-top:  -560px;}
.pic-sy-ul li:hover .jq-div >img{ transform: scale(1.2)}
.jq-body .jq-con{ width: 60%; position: absolute; top: 45%; left: 20%;}

.jq-body .jq-con .lt{

    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    left: -2px;
    top: -2px;
}
.jq-body .jq-con .rt{

    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    right: -2px;
    top: -2px;
}
.jq-body .jq-con .rb{

    border-bottom:1px solid #fff;
    border-right: 1px solid #fff;
    right: -2px;
    bottom: -2px;
}
.jq-body .jq-con .lb{

    border-bottom:1px solid #fff;
    border-left: 1px solid #fff;
    left: -2px;
    bottom: -2px;
}
.jq-body .jq-con >div{    width: 20px;
    height: 20px;
    position:absolute; border-color: #fff;}


.jq-body .jq-con a{ display: inline-block; width: 100%;padding: 20px 10px; color: #fff; text-align: center;}

.jq-con a .jq-cn{ font-size: 24px; font-weight: bold;}
.jq-con a .jq-cn{ font-size: 14px;}

.pic-sy-ul li:nth-child(1) .jq-div{ width: 570px; height: 400px;}
.pic-sy-ul li:nth-child(1):hover .jq-body{ margin-top:  -400px;}
.pic-sy-ul li:nth-child(2) .jq-div{ width: 570px; height: 200px;}
.pic-sy-ul li:nth-child(2):hover .jq-body{ margin-top:  -200px;}

.pic-sy-ul li:nth-child(3) .jq-div{ width: 280px; height: 190px;}
.pic-sy-ul li:nth-child(3):hover .jq-body{ margin-top:  -190px;}

.pic-sy-ul li:nth-child(4) .jq-div{ width: 280px; height: 190px;}
.pic-sy-ul li:nth-child(4):hover .jq-body{ margin-top:  -190px;}

.pic-sy-ul li:nth-child(5) .jq-div{ width: 280px; height: 190px;}
.pic-sy-ul li:nth-child(5):hover .jq-body{ margin-top:  -190px;}
.pic-sy-ul li:nth-child(6) .jq-div{ width: 280px; height: 190px;}
.pic-sy-ul li:nth-child(6):hover .jq-body{ margin-top:  -190px;}

.pic-sy-ul li:nth-child(7) .jq-div{ width: 280px; height: 190px;}
.pic-sy-ul li:nth-child(7):hover .jq-body{ margin-top:  -190px;}

.pic-sy-ul li:nth-child(8),.pic-sy-ul li:nth-child(9){ margin-top: -195px;}
.pic-sy-ul li:nth-child(8) .jq-div{ width: 570px; height: 390px;}
.pic-sy-ul li:nth-child(8):hover .jq-body{ margin-top:  -390px;}

.pic-sy-ul li:nth-child(9) .jq-div{ width: 280px; height: 390px;}
.pic-sy-ul li:nth-child(9):hover .jq-body{ margin-top:  -390px;}

/*旗下品牌样式*/
.sy-nav {
    margin: 20px 10px;
    display: inline-block;
    
}

.sy-nav li{
    
    margin-bottom: 10px;
    display: inline-block;
    text-align: center;

}
.sy-nav li a {
    background: #f5f5f5;
    text-align: center;
    display: inline-block;
    padding:10px 30px;
}

.pro-infor li{
    margin:30px;
    padding:0;
    background: #008cff;
    
}

.pro-infor li span {
    display: block;
    position: absolute;
    top:0 ;
    left: 0;
    display: none;
}
.pro-infor li:hover {
    background: #ffc000;
}
.pro-infor li:hover div span {
    display: block;
}
.sy-nav li a:active, .sy-nav li a:focus, .sy-nav li a:hover {
    background:#008cff;
    color: #fff; 
}
.pro-infor li div {
    position: relative;
    padding:0;
}
.pro-infor li h3 {
    padding:0;
}
.pro-infor li h3 a{
    display: block;
    float: right;
    text-align: center;
    font-size: 20px;
    color: #fff;
    padding:40px 30px;
    float: right;
    
}

/*新闻*/
.news-pic {
    position: relative;
}
.news-text {
    height: 300px;
    overflow: hidden;
    background: #fff;
    position: absolute;
    top: 60px;
    left: 400px;
    padding-left:60px;
    padding-top:60px;
    padding-bottom: 60px;
}
.more{
    padding: 0;
    text-align: center;
    color: #fff;
    float: right;
    display: block;
    padding:10px;
    margin-top:300px;
    margin-right: 100px;
    background: #008cff;
}
.more:hover{
    background: #ffc000;
}
.cooper {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #008cff;
}
.cooper-tit-xian {
    background: #fff !important;
}
.cooper-tit-cn {
    color:  #fff !important;
}
.cooper-tit-en {
    color:  #fff !important;
}

.cooper-logo li {
    padding:0;
    border: 1px solid rgba(255,255,255,0.5);
    
}
.cooper-logo li img {

    display: block;
    padding:20px 40px;
}
.cooper-logo li:first-child {
    border:0;
}

/*底部*/
.footer {
    padding-top:60px;
    padding-bottom:60px;
    background: #222;
}
.foottit {
    border-bottom: 1px solid rgba(255,255,255,0.5);
    padding-bottom:10px;
    width: 80%;
}
.foottit>p {
    display: inline-block;
    color: #fff;
    font-size: 22px;
}
.footcon>h3 {
    margin:30px 0;
    font-size: 18px;
    color: #ffc000;
}
.footcon>p {

    font-size: 14px;
    color: #999;
}
.foottit>span {
    display: inline-block;
    color: #fff;
    font-size: 14px;
}
.btnfooter {
   
    width: 80%;
    border:1px solid #333;
    background: #333; color: #fff;
    padding: 6px 6px;
}
.dropdown-menu {
    min-width: 80%;
}
.caret {
    margin-left:100px;
}

.footnav ul {
    margin-top: 30px;
}
.footnav ul li {
    margin:10px;
}
.footnav ul li a {
    color: #eee;
    font-size: 16px;
}
.footnav ul li:hover a{
    color: #ffc000;
}
#qrtext {
    color: #999;
    width: 50%;
    margin-top: 6px;
    text-align: center;
}
#footbot {
    width: 100%;
    background: #f0f0f0;
    color: #999;
    font-size: 12px;
    padding-top:10px !important;
    padding-bottom:10px;
    text-align: center;
}

/*品牌内页样式*/
.brandcon li {
    margin:20px 20px;
}
.brandcon li a {
    display: block;
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: center;
    font-size: 16px;
    background: #d6edff;
}

/*详情页样式*/
.innerpagecon h4 {
    color: #333;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.innerpagecon span {
    display: block;
    
    height: 2px;
    width: 100px;
    margin:20px auto;
    background: #008cff;
}
.innerpagecon article {
    padding-left: 20px;
    padding-right: 20px;
}
.innerpagecon div {
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
}
/*公司文化*/
.culture li {
    padding:20px;
}

/*人才招聘*/
.zswd-ul li{ display: inline-block; width: 100%; padding-bottom: 10px; background: #eeeded; margin-top: 20px; border-radius: 6px; cursor: pointer;}
.zswd-ul li{ transition: all 0s ease 0s;}
.wd-tit{font-size: 14px; font-weight: bold; line-height: 40px; padding: 0px 16px; margin-top: 10px;}
.wd-note{ line-height: 24px; font-size: 12px; margin-top: 10px; color: #999; width: 100%; display: inline-block; padding-left: 16px; padding-right: 16px;}
.wd-note .huida{ background: #fff; border-radius: 6px; display: inline-block; padding: 10px; transition: all 0s ease 0s;}


/*新闻列表页*/
.new-l{ display: inline-block; width: 100%; margin-top: 20px; padding: 20px;}
.new-tit{ font-size: 16px; font-weight: bold; line-height: 40px;}
.new-note{ font-size: 14px; color: #666; margin-top: 20px;}
.new-time{color: #ccc; font-size: 12px; margin-top: 10px;}

.new-more{display: inline-block;  margin-top: 20px; margin-bottom: 10px;}
.new-more a{ display: inline-block; padding: 8px 26px; border: 2px solid #999; color: #999;}
.new-more:hover a{ color: #fff; background: #008cff; border: 2px solid #fff;}

.news-div{ display: inline-block; width: 100%; margin-top: 20px; padding-bottom: 10px;}
.news-img{ width: 100%; height: 220px; overflow: hidden;}
.news-img img{ width: 100%; height: 100%;}
.news-tit{ line-height: 30px; height: 30px; font-size: 14px; font-weight: bold; margin-top: 8px; overflow: hidden;}
.news-div:hover .news-img img{ transform: scale(1.2)}
.news-div:hover .news-tit a{color: #21a675;}
/*public*/

.ny-r-c{display: inline-block; width: 100%;}

.p0{ padding-left: 0px; padding-right: 0px;}
.pl0 {	padding-left:0;}
.pr0 {	padding-right:0;}
.ml0 {	margin-left:0 ;}
.mr0 {	margin-right:0;}
.ml100 {	margin-left:100px ;}
.fl {	float: left;}
.fr {	float: right;}
.w100 {	width: 100%;}
.mt10 {	margin-top: 10px !important;}
.mt20 {	margin-top: 20px;}
.mt30 {	margin-top: 30px;}
.mt6 {	margin-top: 6px;}
.mt60 {	margin-top: 60px;}
.mr60{ margin-right: 60px !important;}
.tac {	text-align: center;}
.pb10 {	padding-bottom: 10px;}
.borderb1 {	border-bottom:1px solid #d4d4d4;}
.rela{position: relative}
.ba-ffffff{ background: #fff;}
.ba-f5f5f5{ background: #f5f5f5;}
h3 {margin:0;}
h4 {	margin:0;}
a {	text-decoration: none !important;}


@media screen and (min-width: 768px) {
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a{ width: 160px;}
    .about-body{ margin-top: 100px; width: 110%; margin-left: -200px;}


}

@media screen and (max-width: 768px) {
    .pic-sy-ul li:nth-child(1) .jq-div {
        height:auto;
        width:100%;
    }
    .pic-sy-ul li:nth-child(2) .jq-div {
        height:auto;
        width:100%;
    }
    .pic-sy-ul li:nth-child(8) .jq-div {
        height:auto;
        width:100%;
    }
    .pic-sy-ul li:nth-child(9) .jq-div {
        display: none;
    }
    .news-text {
    
    
    position: static;
    
    padding-left:10px;
    padding-top:0;
    padding-bottom: 0;
    }
    .more {
        margin-top:30px;
        margin-right: 20px;
    }
    .pro-infor li h3 a {
        
        padding-top:14px;
        padding-bottom: 14px;
        float: none;
    }
    .sh-page{ padding: 30px 0;}
    .about-img{ margin-top: 20px;}
    .about-body{ padding: 20px 0px;}
    .ab-more{ margin-top: 20px;}
    .pic-sy-ul li:nth-child(3) .jq-div,.pic-sy-ul li:nth-child(4) .jq-div,.pic-sy-ul li:nth-child(5) .jq-div{ width: 100%;}
    .sy-nav{ display: none;}

    .navbar-nav ul li a{ font-size: 12px; padding: 4px 8px;  line-height: 24px;}
    .navbar-nav{ width: 100%;}
    .innerpagecon img{ max-width: 100%; height: auto!important;}
}